
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>上传录音</title>
    <link rel="stylesheet" href="http://www.gtedutech.com/css/webpc/style.css"/>
</head>
<body>
    <div class="main">
        <div class="head">
            <ul>
               <li>
                    <a href="qyh.html">亲阅汇</a>
                </li>
                <li>
                    <a href="storyhome.html">智慧故事屋</a>
                </li>
                <li>
                    <a href="about.html">关于我们</a>
                </li>
                <li>
                    <a href="lianxiwomen.html">联系我们</a>
                </li>
                <!-- 录音功能保留 -->
                <!--   <li>
                    <a href="http://www.gtedutech.com/sound">上传录音</a>
                </li> -->
            </ul>
            <!-- <img style="height:120px;width:600px;margin-left: 500px" align="center" src="http://www.gtedutech.com/img/webpc/hd.png" alt=""> -->
        </div>
        <div align="center" style="color:white;font-size:35px;margin-top:20px">第一届 "新华杯" 亲子阅读展示活动网络评选初选</div>
        <div class="cent" style="margin-top:-80px">
            <div class="section">
                <form id="form" action="http://www.gtedutech.com/sound" method="post" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="CnaZvUPdL7tCY13SpQMh0Vq7bEpl6ffvpSUAy2Hz">
                <ul>
                    <li>
                        <label>报名编号：</label>
                        <div>
                            <input type="text" name="activitylsbmlb_num" value="" placeholder="请输入报名编号" />
                        </div>
                    </li>
                    <li>
                        <label>录音文件：</label>
                        <div>
                            <span>上传文件</span>
                            <input type="file" value="" name="take" placeholder="请上传录音文件" multiple="1" accept="audio/x-waw,audio/mpeg,audio/ac3,audio/ogg" />
                        </div>
                    </li>
                    <!-- <div style="border:1px solid red;height:300px;line-height: 30px;width:700px;float:left"> -->
                      <table style="width:700px;margin-left:90px;color:white;margin-bottom:10px">
                        <tr>
                            <td style="float:left;line-height: 40px">注意：</td>
                        </tr>
                        <tr>
                            <td style="float:left;line-height: 40px">1、上传格式必须为mp3，文件不超过30MB。</td>
                        </tr>
                        <tr>
                            <td style="float:left;line-height: 40px"> 2、每位选手有2次上传机会，第2次上传会覆盖第1次的内容。</td>
                        </tr>
                        <tr>
                            <td style="float:left;line-height: 40px">3、成绩将在统一时间公布，请关注网站及“亲阅汇”微信公众号信息。</td>
                        </tr>
                      </table>          
                    <!-- </div> -->
                    <li class="filename" style="display: none;height: 40px;line-height: 40px;margin-top: -20px;">
                    	<p style="margin-left: 90px;float: left;color: #fff;"></p>
                    </li>
                    <li>
                        <input type="submit" value="提交" />
                    </li>
                </ul>
                </form>
            </div>
        </div>
        <div class="footer">
            <p>网站备案编号：沪ICP备17011035号-1 <br/>
                Copyright © 2016 沪ICP备17011035号-1 All Rights Reserved</p>
        </div>
    </div>
    
    <script type="text/javascript" src="http://www.gtedutech.com/js/webpc/jquery-1.11.1.min.js" ></script>
    <script>
        $(function(){
            
            $(".section ul li span").click(function(){
                $(this).next().click();
            });
            
            $("input[name='take']").change(function(){
            	$("li.filename").show();
            	$("li.filename p").html(getFileName($(this).val()));
            });
            
            $("input[type='submit']").click(function(){
                if(confirm("是否确认提交！")){
                    $("#form").submit();
                }else{
                    return false;
                }
            });
            
            
        });
        function getFileName(o){
		    var pos=o.lastIndexOf("\\");
		    return o.substring(pos+1);  
		}
    </script>
    
</body>
</html>